@charset "UTF-8";

/* *html body			for ie6 */
/* *:first-child+html	for ie7 */

#wrapper {
	max-width:1200px;
	min-width:960px;
	margin:0 auto;
	padding:0 20px;
}

/* ヘッダー */
header {
    position:fixed !important;
    position:absolute;
	overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:87px;
	background:url(../images/bgs/bg_header.png) repeat-x;
}

header #header_inner {
	max-width:1200px;
	min-width:960px;
	height:87px;
	margin:0 auto;
	padding:0 20px;
}

header h1 {
	text-indent:-9999px;
	width:270px;
	height:31px;
	margin:26px 20px 0 0;
	background:url(../images/logos/logo_header.png) no-repeat;
	float:left;
}
header h1 a {
	display:block;
	width:270px;
	height:31px;
}

header nav {
	width:270px;
	height:80px;
	float:right;
}
header nav ul li {
	list-style:none;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	width:89px;
	height:25px;
	margin:0 0 0 1px;
	padding:55px 0 0 0;
	float:left;
}
header nav ul li a {
	display:block;
	color:#000;
	width:89px;
	height:25px;
	margin:-55px 0 0 0;
	padding:55px 0 0 0;
}
header nav ul li a:hover {
	text-decoration:none;
	color:#666;
}
header nav ul li:nth-child(1) {background:url(../images/nav/nav_login_on.gif) no-repeat;}
header nav ul li:nth-child(1) a {background:url(../images/nav/nav_login.gif) no-repeat;}
header nav ul li:nth-child(1) a:hover {background:none;}

header nav ul li:nth-child(2) {background:url(../images/nav/nav_cart_on.gif) no-repeat;}
header nav ul li:nth-child(2) a {background:url(../images/nav/nav_cart.gif) no-repeat; color:#fff;}
header nav ul li:nth-child(2) a:hover {background:none;}

header nav ul li:nth-child(3) {background:url(../images/nav/nav_mypage_on.gif) no-repeat;}
header nav ul li:nth-child(3) a {background:url(../images/nav/nav_mypage.gif) no-repeat;}
header nav ul li:nth-child(3) a:hover {background:none;}

header #searchbox {
	padding-top:25px;
}

header form {
	width:380px;
	height:30px;
	background:url(../images/bgs/bg_header_form.gif) no-repeat;
	margin:0 auto 0 auto;
	padding:0;
}
header form input {
	width:320px;
	height:20px;
	margin:0;
	padding:5px;
	background:none;
	float:left;
	border:none;
}
header form button {
	cursor:pointer;
	text-indent:-9999px;
	width:49px;
	height:28px;
	margin:1px 1px 1px 0;
	background:url(../images/btns/btn_serchbox.png) no-repeat;
	float:left;
	border:none;
}

* html section#main_top {  
    height:100%;  
    overflow:auto;  
}


/* 全体伸縮部分 */
section#main {
	width:100%;
	margin:0 -200px 0 0;
	float:left;
}

section#main #main_inner {
	margin:0 200px 0 0;
}

section#main #main_inner #top_detail {
	width:100%;
	margin:0 0 0 -200px;
	float:right;
}
section#main #main_inner #top_detail #top_detail_inner {
	margin:0 0 0 200px;
}

section#main #main_inner #l_clm {
	width:180px;
	margin:0 20px 0 0;
	float:left;
}


/* 右カラム */
section#r_clm {
	width:180px;
	float:right;
}

section#r_clm h3 {
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3";
	font-size:14px;
	font-weight:bold;
	line-height:31px;
	color:#fff;
	width:180px;
	height:30px;
	margin:0 0 20px 0;
	background:#a60000;
	text-shadow:0px 0px 5px #ffffbe;
}

section#r_clm h4 {
	font-size:14px;
	font-weight:bold;
	line-height:31px;
	color:#000;
	width:160px;
	height:30px;
	padding:0 10px;
	background:#e6e6e6;
}
section#r_clm h4.title2line {
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	width:160px;
	margin:20px 0 0 0;
	padding:8px 10px;
	background:#e6e6e6;
}


/* はじめてのお客様へ */
section#r_clm h4.begginer {
	color:#fff;
	background:#ff8e00;
}
section#r_clm ul#begginer {
	list-style:none;
	width:178px;
	height:125px;
	margin:0 0 20px 0;
	border:1px solid #ff8e00;
}
section#r_clm ul#begginer li {
	width:153px;
	height:24px;
	margin:0 0 1px 0;
	padding:0 0 0 25px;
	background:url(../images/icons/icon_bgn.gif) no-repeat 10px center #ffe;
}
section#r_clm ul#begginer li a {
	display:block;
	width:153px;
	height:24px;
	margin:0 0 0 -25px;
	padding:0 0 0 25px;
	-webkit-transition:0;
	-moz-transition:0;
	-o-transition:0;
	-ms-transition:0;
	transition:0;
}
section#r_clm ul#begginer li a:hover {
	text-decoration:none;
	color:#000;
	background:url(../images/icons/icon_bgn.gif) no-repeat 10px center #fff2d9;
}


/* Information */
section#r_clm ul#info {
	list-style:none;
	width:180px;
	height:175px;
	margin:0 0 20px 0;
}
section#r_clm ul#info li {
	width:170px;
	height:24px;
	margin:0 0 1px 0;
	padding:0 0 0 10px;
	background:url(../images/bgs/bg_r_clm_info_bgn.gif) repeat-x;
}
section#r_clm ul#info li:hover {
	background:url(../images/bgs/bg_r_clm_info_bgn_on.gif) repeat-x;
}
section#r_clm ul#info li a {
	display:block;
	color:#fff;
	width:163px;
	height:24px;
	margin:0;
	padding:0 0 0 7px;
	background:url(../images/icons/icon_list.gif) no-repeat 0 center;
}
section#r_clm ul#info li a:hover {
	text-decoration:none;
	color:#fff;
}

section#r_clm ul#info li:nth-child(1) {
	font-weight:bold;
	background:url(../images/bgs/bg_r_clm_info.gif) repeat-x;
}
section#r_clm ul#info li:nth-child(1):hover {
	font-weight:bold;
	background:url(../images/bgs/bg_r_clm_info_on.gif) repeat-x;
}
section#r_clm ul#info li:nth-child(1) a {
	width:143px;
	height:24px;
	color:#000;
	padding:0 20px 0 7px;
	background:url(../images/icons/icon_list_bgn.png) no-repeat 0 center;
}
section#r_clm ul#info li:nth-child(1) a:hover {
	color:#000;
}


/* ランキング */
section#r_clm ul#ranking {
	list-style:none;
	width:180px;
	margin:0 0 20px 0;
}
section#r_clm ul#ranking li {
	font-weight:bold;
	color:#000;
	padding:7px 10px 7px 9px;
	border-left:1px solid #e6e6e6;
}
section#r_clm ul#ranking li p#rank_1 {
	text-indent:-9999px;
	width:52px;
	height:75px;
	margin:0 0 0 12px;
	background:url(../images/bgs/bg_rank_no01.gif) no-repeat 0 0;
	float:left;
}
section#r_clm ul#ranking li p#rank_2 {
	text-indent:-9999px;
	width:52px;
	height:65px;
	margin:0 0 0 20px;
	background:url(../images/bgs/bg_rank_no02.gif) no-repeat 0 0;
	float:left;
}
section#r_clm ul#ranking li p#rank_3 {
	text-indent:-9999px;
	width:52px;
	height:65px;
	margin:0 0 0 20px;
	background:url(../images/bgs/bg_rank_no03.gif) no-repeat 0 0;
	float:left;
}
section#r_clm ul#ranking li img {
	margin:5px 0;
	float:right;
}

section#r_clm ul#ranking li a {
	font-size:12px;
	font-weight:normal;
	color:#0058af;
	line-height:16px;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
}
section#r_clm ul#ranking li a:hover {
	color:#2a91f8;
}
section#r_clm ul#ranking li em {
	font-weight:bold;
	color:#b00000;
}

section#r_clm ul#ranking li.rank_no1 {
	background:#ffe;
}


/* What's New */
section#r_clm ul#whatsnew {
	list-style:none;
	width:180px;
	margin:0 0 20px 0;
}
section#r_clm ul#whatsnew li {
	font-family:Arial;
	font-weight:bold;
	color:#000;
	padding:7px 10px 7px 9px;
	border-left:1px solid #e6e6e6;
}
section#r_clm ul#whatsnew li a {
	font-weight:normal;
	line-height:14px;
	color:#0058af;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
}
section#r_clm ul#whatsnew li a:hover {
	color:#2a91f8;
}


/* 関連商品 */
#kanren {
	width:180px;
}
#kanren ol {
	list-style:none;
	margin:0 0 20px 0;
}
#kanren ol li {
	font-weight:bold;
	line-height:16px;
	color:#000;
	padding:10px 10px 10px 9px;
	border-left:1px solid #ddd;
}
#kanren ol li img {
	margin:0 0 0 40px;
}
#kanren ol li a {
	font-size:12px;
	font-weight:normal;
	color:#0058af;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
}
#kanren ol li a:hover {
	color:#006eda;
}
#kanren ol li em {
	font-size:10px;
	font-weight:bold;
	color:#b00000;
}


/* フッター */
footer {
	margin:40px 0 0 0;
}
footer p.btn_gototop {
	text-indent:-9999px;
	height:29px;
	background:url(../images/btns/btn_gototop_on.gif) no-repeat right 0;
	border-bottom:1px solid #ddd;
}
footer p.btn_gototop a {
	display:block;
	width:180px;
	height:29px;
	background:url(../images/btns/btn_gototop.gif) no-repeat;
	float:right;
}
footer p.btn_gototop a:hover {
	background:none;
}


footer ul {
	clear:both;
	list-style:none;
	width:36em;
	height:14px;
	margin:10px auto;
}
footer ul li {
	line-height:14px;
	padding:0 7px;
	border-left:1px solid #000;
	float:left;
}
footer ul li:nth-child(5) {
	border-right:1px solid #000;
}

footer ul.line2nd {
	width:41em;
	margin:15px auto 0 auto;
}
footer ul.line2nd li:nth-child(5) {
	border-right:none;
}
footer ul.line2nd li:nth-child(7) {
	border-right:1px solid #000;
}


footer address {
	text-align:center;
	font-family:Arial;
	font-size:10px;
	font-style:normal;
	width:320px;
	margin:20px auto;
	padding:20px 0 10px 0;
	background:url(../images/logos/logo_footer.gif) no-repeat center 0;
}



















